Unit of Competency Mapping – Information for Teachers/Assessors – Information for Learners

ICAWEB505A Mapping and Delivery Guide
Develop complex web page layouts

Version 1.0
Issue Date: May 2024


Qualification -
Unit of Competency ICAWEB505A - Develop complex web page layouts
Description This unit describes the performance outcomes, skills and knowledge required to design and create a web page layout to an advanced level.
Employability Skills This unit contains employability skills.
Learning Outcomes and Application This unit applies to web designers and web developers who are involved in the layout and appearance of web pages.
Duration and Setting X weeks, nominally xx hours, delivered in a classroom/online/blended learning setting.
Prerequisites/co-requisites Not applicable.
Competency Field
Development and validation strategy and guide for assessors and learners Student Learning Resources Handouts
Activities 		Slides
PPT 		Assessment 1 Assessment 2 Assessment 3 Assessment 4
Elements of Competency Performance Criteria              
Element: Build a web page according to the design prototype
  • Identify main sections of the web page layout
  • Create web page structure
  • Position web page elements to achieve design specification
       
Element: Ensure web page is validated and tested in major browsers
  • Validate cascading style sheet (CSS) against industry standards
  • Correct browser incompatibilities using the most robust techniques
  • Test website in various browsers
       
Element: Ensure website is accessible
  • Check website is accessible to ensure it can be viewed
  • Check website sections to ensure accessibility
  • Check web page elements to ensure accessibility
       


Evidence Required

List the assessment methods to be used and the context and resources required for assessment. Copy and paste the relevant sections from the evidence guide below and then re-write these in plain English.

The evidence guide provides advice on assessment and must be read in conjunction with the performance criteria, required skills and knowledge, range statement and the Assessment Guidelines for the Training Package.

Overview of assessment

Critical aspects for assessment and evidence required to demonstrate competency in this unit

Evidence of the ability to:

develop a complex website layout

layout page elements to suit a variety of devices

test web pages in a variety of browsers

validate the pages against industry standards.

Context of and specific resources for assessment

Assessment must ensure access to:

appropriate learning and assessment support when required

modified equipment for people with special needs

computer

aesthetic presentation brief

variety of browsers

internet access to validate web pages against W3C.

Method of assessment

A range of assessment methods should be used to assess practical skills and knowledge. The following examples are appropriate for this unit:

evaluation of newly created or modified complex web page layouts

verbal or written questioning to assess candidate's knowledge and skills.

Guidance information for assessment

Holistic assessment with other units relevant to the industry sector, workplace and job role is recommended, where appropriate.

Assessment processes and techniques must be culturally appropriate, and suitable to the communication skill level, language, literacy and numeracy capacity of the candidate and the work being performed.

Indigenous people and other people from a non-English speaking background may need additional support.

In cases where practical assessment is used it should be combined with targeted questioning to assess required knowledge.

Submission Requirements

List each assessment task's title, type (eg project, observation/demonstration, essay, assignment, checklist) and due date here

Assessment task 1: [title]      Due date:

(add new lines for each of the assessment tasks)

Assessment Tasks

Copy and paste from the following data to produce each assessment task. Write these in plain English and spell out how, when and where the task is to be carried out, under what conditions, and what resources are needed. Include guidelines about how well the candidate has to perform a task for it to be judged satisfactory.

Required skills

analytical skills to identify appropriate CSS rules to be applied to obtain desired result

communication skills to liaise with end users

initiative and enterprise skills to recommend design features

literacy skills to:

follow documented instruction from a supplied guide

interpret workplace instructions and other technical documents

keep up-to-date with latest industry guidelines

numeracy skills to:

work with document element dimensions

work with relative and absolute measurements

planning and organisational skills to:

create the CSS in allocated timeframe

plan the layout of the web page

problem-solving skills to:

create web pages that will function in a variety of screen resolutions

resolve browser incompatibilities

research skills to identify latest industry guidelines

learning skills to keep up-to-date with industry guidelines and make recommendations

technical skills to:

produce valid accessible web pages

use CSS in the most efficient and effective way.

Required knowledge

overview knowledge of design principles

detailed knowledge of:

hypertext markup language (HTML) and eXtensible hypertext markup language (XHTML)

CSS

hypertext transfer protocol (HTTP)

World Wide Web Consortium (W3C) standards

techniques to correct browser incompatibilities.

The range statement relates to the unit of competency as a whole. It allows for different work environments and situations that may affect performance. Bold italicised wording, if used in the performance criteria, is detailed below. Essential operating conditions that may be present with training and assessment (depending on the work situation, needs of the candidate, accessibility of the item, and local industry and regional contexts) may also be included.

Industry standards may include:

W3C

Web 2.0.

Browser may include:

Firefox

Google Chrome

Internet Explorer

Konqueror

Lynx

Mozilla

Netscape Navigator

Opera

Safari.

Accessible may relate to:

enabling web pages to be used in text browsers

making sure web pages can be viewed in a variety of platforms, including mobile devices

making sure website content is accessible to people with visual impairment.

Copy and paste from the following performance criteria to create an observation checklist for each task. When you have finished writing your assessment tool every one of these must have been addressed, preferably several times in a variety of contexts. To ensure this occurs download the assessment matrix for the unit; enter each assessment task as a column header and place check marks against each performance criteria that task addresses.

Observation Checklist

Tasks to be observed according to workplace/college/TAFE policy and procedures, relevant legislation and Codes of Practice Yes No Comments/feedback
Identify main sections of the web page layout 
Create web page structure 
Position web page elements to achieve design specification 
Validate cascading style sheet (CSS) against industry standards 
Correct browser incompatibilities using the most robust techniques 
Test website in various browsers 
Check website is accessible to ensure it can be viewed 
Check website sections to ensure accessibility 
Check web page elements to ensure accessibility 

Forms

Assessment Cover Sheet

ICAWEB505A - Develop complex web page layouts
Assessment task 1: [title]

Student name:

Student ID:

I declare that the assessment tasks submitted for this unit are my own work.

Student signature:

Result: Competent Not yet competent

Feedback to student

 

 

 

 

 

 

 

 

Assessor name:

Signature:

Date:

Assessment Record Sheet

ICAWEB505A - Develop complex web page layouts

Student name:

Student ID:

Assessment task 1: [title] Result: Competent Not yet competent

(add lines for each task)

Feedback to student:

 

 

 

 

 

 

 

 

Overall assessment result: Competent Not yet competent

Assessor name:

Signature:

Date:

Student signature:

Date: